<template>
	<view>
		<!-- 顶部返回按钮和标题 -->
		<view class="header">
			<!-- 返回按钮 -->
			<view style="z-index: 1;color: #F9F9F9">
				<tn-button style="width: 35px; height: 35px;font-size: 25px" :plain="true" :border="false"
					@click="handleReturnSetUp">
					<text class="tn-icon-left"></text>
				</tn-button>
			</view>

			<view class="page-title">设置</view>
		</view>

		<!-- 动态列表模块 -->
		<view v-for="list in filteredMenuList()" :key="list.title">
			<tn-list-view class="listView" :title="list.title" :card="true" unlined="all" @clickTitle="handleClickTitle"
				:arrow="true">
				<tn-list-cell v-for="item in list.items" :key="item.id" :arrow="true" @click="handleItemClick(item)"
					:index="item.id">
					{{ item.title }}
				</tn-list-cell>
			</tn-list-view>
		</view>
		<tn-modal v-model="show" content="确定要退出登录吗" :button="button" @click="Logout"></tn-modal>
		<tn-toast ref="toast"></tn-toast>
		<!-- 退出登录 -->
		<tn-list-view class="listView" :card="true" unlined="all" @clickTitle="handleClickTitle" :arrow="true">
			<tn-list-cell @click="handleLogout">退出登录</tn-list-cell>
		</tn-list-view>
	</view>
</template>

<script>
	import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update'
	export default {
		data() {
			return {
				button: [{
						text: '取消',
						backgroundColor: '#E6E6E6',
						fontColor: '#000000',
						plain: true,
						shape: 'round',
					},
					{
						text: '确定',
						backgroundColor: 'tn-bg-indigo',
						fontColor: '#FFFFFF'
					}
				],
				userId: 0,
				show: false,
				// 菜单数据
				menuList: [{
						title: "公司",
						items: [{
							id: 1,
							title: "公司资料"
						}, {
							id: 2,
							title: "公司地址"
						}, {
							id: 3,
							title: "账号安全"
						}]
					},
					{
						title: "交易",
						items: [{
							id: 4,
							title: "支付方式"
						}, {
							id: 5,
							title: "收款方式"
						}, {
							id: 6,
							title: "开票资料"
						}]
					},
					{
						title: "通用",
						items: [{
							id: 7,
							title: "图片视频"
						}, {
							id: 8,
							title: "消息通知"
						}, {
							id: 9,
							title: "清除缓存"
						}]
					},
					{
						title: "隐私",
						items: [{
							id: 10,
							title: "隐私设置"
						}, {
							id: 11,
							title: "黑名单"
						}, {
							id: 12,
							title: "个人信息采集清单"
						}, {
							id: 13,
							title: "个人信息共享清单"
						}]
					},
					{
						title: "关于",
						items: [{
								id: 15,
								title: "检查更新"
							},
							{
								id: 16,
								title: "关于AMSP"
							}, {
								id: 17,
								title: "给AMSP一个好评吧"
							}, {
								id: 18,
								title: "认证招商"
							}, {
								id: 19,
								title: "把AMSP推荐给朋友"
							}, {
								id: 20,
								title: "ASMP公约"
							}
						]
					}
				]
			};
		},
		mounted() {
			this.userId = uni.getStorageSync('userInfo').id;
		},
		methods: {
			// 菜单项点击处理
			handleItemClick(item) {
				if (item.id === 1) { // 如果点击的是"公司资料"
					uni.navigateTo({
						url: '/pages/setUp/subpage/CompanyInfo'
					});
				} else if (item.id === 2) { // 如果点击的是"公司地址"

					uni.navigateTo({
						url: '/pages/setUp/subpage/CompanyAddress', // 跳转到公司地址编辑页面
						// url: '/pages/message/placeOrder/placeOrder' 
					});
				} else if (item.id === 3) { // 如果点击的是"账号安全"
					uni.navigateTo({
						url: '/pages/setUp/subpage/AccountSecurity' // 跳转到账号安全页面
					});
				} else if (item.id === 4) { // 如果点击的是"支付方式"
					uni.navigateTo({
						url: '/pages/setUp/subpage/PaymentMethods' // 跳转到支付方式页面
					});
				} else if (item.id === 5) { // 如果点击的是"收款方式"
					uni.navigateTo({
						url: '/pages/setUp/subpage/ReceiveMethods' // 跳转到收款方式页面
					});
				} else if (item.id === 6) { // 如果点击的是"开票资料"
					uni.navigateTo({
						url: '/pages/setUp/subpage/InvoiceInfo' // 跳转到开票资料页面
					});
				} else if (item.id === 7) { // 如果点击的是"图片视频"
					uni.navigateTo({
						url: '/pages/setUp/subpage/MediaSettings' // 跳转到开票资料页面
					});
				} else if (item.id === 8) { // 如果点击的是"消息通知"
					uni.navigateTo({
						url: '/pages/setUp/subpage/NotificationPage' // 跳转到消息通知页面
					});
				} else if (item.id === 9) { // 如果点击的是"清除缓存"
					uni.navigateTo({
						url: '/pages/setUp/subpage/ClearCache' // 跳转到清除缓存页面
					});
				} else if (item.id === 10) { // 如果点击的是"隐私设置"
					uni.navigateTo({
						url: '/pages/setUp/subpage/PrivacySettings' // 跳转到隐私设置页面
					});
				} else if (item.id === 11) { // 如果点击的是"黑名单"
					uni.navigateTo({
						url: '/pages/setUp/subpage/Blacklist' // 跳转到黑名单页面
					});
				} else if (item.id === 12) { // 如果点击的是"个人信息采集清单"
					uni.navigateTo({
						url: '/pages/setUp/subpage/PersonalInfo' // 跳转到个人信息采集清单页面
					});
				} else if (item.id === 13) { // 如果点击的是"个人信息共享清单"
					uni.navigateTo({
						url: '/pages/setUp/subpage/InfoSharingList' // 跳转到个人信息共享清单页面
					});
				} else if (item.id === 15) { // 如果点击的是"检查更新"
					checkUpdate().then(res => {
						if (res.code === 0) {
							this.$refs.toast.show({
								content: res.message,
								duration: 1000
							})
						}

					})
				} else if (item.id === 16) { // 如果点击的是"关于AMSP"
					uni.navigateTo({
						url: '/pages/setUp/subpage/AboutAMSP' // 跳转到关于AMSP页面
					});
				} else if (item.id === 17) { // 如果点击的是"给AMSP一个好评吧"
					uni.navigateTo({
						url: '/pages/setUp/subpage/RateAMSP' // 跳转到给AMSP一个好评吧页面
					});
				} else if (item.id === 18) { // 如果点击的是"认证招商"
					uni.navigateTo({
						url: '/pages/setUp/subpage/CertificationRecruitment' // 跳转到认证招商页面
					});
				} else if (item.id === 19) { // 如果点击的是"把AMSP推荐给朋友"
					uni.navigateTo({
						url: '/pages/setUp/subpage/RecommendAMSP' // 跳转到把AMSP推荐给朋友页面
					});
				} else if (item.id === 20) { // 如果点击的是"AMSP公约"
					uni.navigateTo({
						url: '/pages/setUp/subpage/AMSPConvention' // 跳转到AMSP公约页面
					});
				}
			},
			// 点击标题事件处理
			handleClickTitle() {
				console.log("标题点击事件");
			},
			// 退出登录
			handleLogout(index) {
				this.show = true;
				console.log("退出登录");
			},
			Logout(index) {
				if (index.index === 1) {
					uni.clearStorage()
					uni.reLaunch({
						url: '/pages/Information/Information' // 跳转到AMSP公约页面
					});
				}
				this.show = false;
			},
			// 返回设置
			handleReturnSetUp() {
				uni.navigateBack({
					delta: 1
				});
			},
			filteredMenuList() {
				if (this.userId === undefined) {
					// 当 userId 为 0 时，只返回通用、隐私和关于这三个菜单
					return this.menuList.filter(menu => ['通用', '隐私', '关于'].includes(menu.title));
				}
				// 当 userId 不为 0 时，返回所有菜单
				return this.menuList;
			}
		}
	};
</script>

<style>
	.listView {
		border: 1px solid black;
		margin-top: 15px;
		width: 90%;
		margin-left: 5%;
	}

	.header {
		display: flex;
		position: relative;
		padding: 5px 0;
		height: 45px;
		margin-top:15%;
	}

	.page-title {
		position: absolute;
		left: 50%;
		bottom: 10%;
		transform: translateX(-50%);
		font-size: 15px;
		line-height: 45px;
	}


	/* 修改列表项字体为宋体 */
	tn-list-cell {
		font-family: "宋体", SimSun, sans-serif;
		/* 修改字体为宋体 */
	}
</style>